<template>
	<view class="all">
		<!-- //辅助开通 -->
		<view v-if="name=='辅助开通'" style="padding: 0 30rpx 0 30rpx;" v-for="(item,index) in 7">
			<view class="carp">
				<image src="https://s4.ax1x.com/2022/01/13/7QXmaq.png" mode="widthFix" />
				<view class="carp_1">
					<text>给管理者的沟通训练营</text>
					<text class="huanhang3">面对教育的诸多问题、比如招生、管理、盈利如何保持学校的高效率运转管理、盈利如何保持学校的高效率运转</text>
				</view>
			</view>
			<view class="xian">

			</view>
		</view>
		<!-- 邀请参训 -->
		<view v-if="name=='邀请参训'" class="" style="padding: 0 30rpx 0 30rpx;" v-for="(item,index) in 7">
			<view class="carp">
				<image src="https://s4.ax1x.com/2022/01/13/7QXmaq.png" mode="widthFix" />
				<view class="carp_1">
					<text>教育的未来前瞻用儒家思想 解决幼教难题【南京站】</text>
					<text class="huanhang3" style="margin-top: 30rpx;">课程时间：2021.10.08</text>
				</view>
			</view>
			<view class="xian">

			</view>
		</view>
		<!-- 分销中心 -->
		<view class="" style="padding: 30rpx;">
			<zhuanlan v-if="name=='分销中心'"></zhuanlan>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name: '',
			};
		},
		onLoad(a) {
			this.name = a.name

		}
	}
</script>

<style lang="scss">
	.all {
		padding-top: 30rpx;

		.xian {
			width: 100%;
			background: #EFEFEF;
			height: 1rpx;
			margin-top: 30rpx;
			margin-bottom: 30rpx;
		}

		.huanhang3 {
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}

		.carp {
			.carp_1 {
				width: 63%;

				text:nth-of-type(1) {
					display: block;
					font-size: 32rpx;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: #333333;
					opacity: 1;
				}

				text:nth-of-type(2) {
					margin-top: 20rpx;
					width: 100%;
					display: block;
					font-size: 24rpx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #91969A;
					opacity: 1;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;

				}
			}

			display: flex;
			justify-content: space-between;

			image {
				width: 240rpx;
				height: 160rpx;
			}
		}
	}
</style>
